<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>购物车空状态</title>
    <!-- <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3949033_r9ge806mpph.css"> -->
    <link rel="stylesheet" href="../Document/icon/03-font/iconfont.css">
    <link rel="stylesheet" href="../Document/css/03-shopping-empty.css" />
  </head>
  <body>
    <div class="warp">
      <header>
        <div class="top">
          <span>&lt</span>
          <p>购物车</p>
        </div>
        <!-- 购物车 -->
        <div class="content">
          <p>
            <img src="../Document/img/03-Shopping/cartback.png.png" alt="" />
          </p>
          <p>购物车暂时没有商品</p>
          <button>去逛逛</button>
        </div>
      </header>
      <main>
        <!-- 猜你喜欢 -->
        <div class="love">
          <p>猜你喜欢</p>
        </div>
        <div class="live">
          <!-- 大盒子 -->
          <div class="flower">
            <!-- 单个盒子 -->
            <div class="flower-box">
              <div class="imgbox">
                <img src="../Document/img/03-Shopping/永恒回忆.png" alt="" />
              </div>
              <!-- <div> -->
              <p>永恒回忆</p>
              <p><span>¥ 0.01</span> <span>销量16022笔</span></p>
              <!-- </div> -->
            </div>

            <div class="flower-box">
              <div class="imgbox">
                <img src="../Document/img/03-Shopping/浪漫满屋.png" alt="" />
              </div>
              <!-- <div> -->
              <p>浪漫满屋</p>
              <p><span>¥ 520</span> <span>销量16022笔</span></p>
              <!-- </div> -->
            </div>

            <div class="flower-box">
                <div class="imgbox">
                  <img src="../Document/img/03-Shopping/幸福守候.png" alt="" />
                </div>
                <!-- <div> -->
                <p>幸福守候</p>
                <p><span>¥ 888</span> <span>销量16022笔</span></p>
                <!-- </div> -->
              </div>
              <div class="flower-box">
                <div class="imgbox">
                  <img src="../Document/img/03-Shopping/永恒回忆.png" alt="" />
                </div>
                <!-- <div> -->
                <p>永恒回忆</p>
                <p><span>¥ 55</span> <span>销量16022笔</span></p>
                <!-- </div> -->
              </div>

              <div class="flower-box">
                <div class="imgbox">
                  <img src="../Document/img/03-Shopping/缘分天空.png" alt="" />
                </div>
                <!-- <div> -->
                <p>缘分天空</p>
                <p><span>¥ 666</span> <span>销量16022笔</span></p>
                <!-- </div> -->
              </div>

              <div class="flower-box">
                <div class="imgbox">
                  <img src="../Document/img/03-Shopping/永恒回忆.png" alt="" />
                </div>
                <!-- <div> -->
                <p>永恒回忆</p>
                <p><span>¥ 0.01</span> <span>销量16022笔</span></p>
                <!-- </div> -->
              </div>

              <div class="flower-box">
                <div class="imgbox">
                  <img src="../Document/img/03-Shopping/相汝以沫.png" alt="" />
                </div>
                <!-- <div> -->
                <p>相汝以沫</p>
                <p><span>¥ 329</span> <span>销量16022笔</span></p>
                <!-- </div> -->
              </div>

              <div class="flower-box">
                <div class="imgbox">
                  <img src="../Document/img/03-Shopping/此生不渝.png" alt="" />
                </div>
                <!-- <div> -->
                <p>此生不渝</p>
                <p><span>¥ 329</span> <span>销量16022笔</span></p>
                <!-- </div> -->
              </div>

              <div class="flower-box">
                <div class="imgbox">
                  <img src="../Document/img/03-Shopping/浪漫告白.png" alt="" />
                </div>
                <!-- <div> -->
                <p>浪漫告白</p>
                <p><span>¥ 329</span> <span>销量16022笔</span></p>
                <!-- </div> -->
              </div>

              <div class="flower-box">
                <div class="imgbox">
                  <img src="../Document/img/03-Shopping/为你心动.png" alt="" />
                </div>
                <!-- <div> -->
                <p>为你心动</p>
                <p><span>¥ 329</span> <span>销量16022笔</span></p>
                <!-- </div> -->
              </div>

              <div class="flower-box">
                <div class="imgbox">
                  <img src="../Document/img/03-Shopping/漫天繁星.png" alt="" />
                </div>
                <!-- <div> -->
                <p>漫天繁星</p>
                <p><span>¥ 329</span> <span>销量16022笔</span></p>
                <!-- </div> -->
              </div>

              <div class="flower-box">
                <div class="imgbox">
                  <img src="../Document/img/03-Shopping/不忘初心.png" alt="" />
                </div>
                <!-- <div> -->
                <p>不忘初心</p>
                <p><span>¥ 329</span> <span>销量16022笔</span></p>
                <!-- </div> -->
              </div>

              <div class="flower-box">
                <div class="imgbox">
                  <img src="../Document/img/03-Shopping/情定今生.png" alt="" />
                </div>
                <!-- <div> -->
                <p>情定今生</p>
                <p><span>¥ 329</span> <span>销量16022笔</span></p>
                <!-- </div> -->
              </div>

              <div class="flower-box">
                <div class="imgbox">
                  <img src="../Document/img/03-Shopping/真心真意.png" alt="" />
                </div>
                <!-- <div> -->
                <p>真心真意</p>
                <p><span>¥ 329</span> <span>销量16022笔</span></p>
                <!-- </div> -->
              </div>

              <div class="flower-box">
                <div class="imgbox">
                  <img src="../Document/img/03-Shopping/挚爱一生.png" alt="" />
                </div>
                <!-- <div> -->
                <p>感恩的心</p>
                <p><span>¥ 329</span> <span>销量16022笔</span></p>
                <!-- </div> -->
              </div>

              <div class="flower-box">
                <div class="imgbox">
                  <img src="../Document/img/03-Shopping/挚爱一生.png" alt="" />
                </div>
                <!-- <div> -->
                <p>挚爱一生</p>
                <p><span>¥ 329</span> <span>销量16022笔</span></p>
                <!-- </div> -->
              </div>


          </div>
        </div>
      </main>
    </div>
    <div class="tabbar">
      <div class="down">
          <a href="../html/shouye.html">
            <i class="iconfont icon-faxian-copy  foticon"></i>
            <span>首页</span>
          </a>
        </div>
        <div class="down">
          <a href="../html/fenlei.html">
            <i class="iconfont icon-fenlei1  foticon "></i>
            <span>分类</span>
          </a>
        </div>
        <div class="down">
          <a href="">
            <i class="iconfont icon-gouwuche  foticon logo"></i>
            <span>购物车</span>
          </a>
        </div>
        <div class="down">
          <a href="">
            <i class="iconfont icon-wode1  foticon"></i>
            <span>我的</span>
          </a>
        </div>
    </div>
  </body>
</html>
